@media screen and (min-width: 3840px) {
  html {
    font-size: 160px !important;
  }
}

@media screen and (min-width: 7680px) {
  html {
    font-size: 320px !important;
  }
}
@media screen and (max-width: 1920px) {
  html {
    font-size: 80px !important;
  }
}
@font-face {
  font-family: 'num';
  src: url('../fonts/DS-DIGI-1.ttf');
}

@font-face {
  font-family: 'test';
  src: url('../fonts/test1.ttf');
}

a:hover {
  text-decoration: none;
}
*{
  box-sizing: border-box;
}


body {
  width: 100%;
  height: 100vh;
  min-width: 1460px;
  min-height: 750px;
}

.container {
  width: 100%;
}

.flex-row {display: flex; flex-direction: row;}
.flex-column{ display: flex; flex-direction:column!important; }
.flex-wrap{ flex-wrap:wrap;}
.flex-nowrap{ flex-wrap:nowrap;}
.justify-start{justify-content:flex-start;}
.justify-end{justify-content:flex-end;}
.justify-between{justify-content:space-between;}
.justify-center{justify-content:center;}
.align-center{ align-items: center; }
.align-stretch{ align-items: stretch; }
.align-start{ align-items: flex-start; }
.align-end{ align-items: flex-end; }
.align-self-start{ align-self: flex-start; }
.align-self-auto{ align-self: auto; }
.align-self-end{ align-self: flex-end; }
.align-self-stretch{ align-self:stretch; }
.align-self-baseline{ align-self:baseline; }
.flex-1{ flex: 1; }
.flex-2{ flex: 2; }
.flex-3{ flex: 3; }
.flex-4{ flex: 4; }
.flex-5{ flex: 5; }
.bold {
  font-weight: bold;
}

.font-10 {
  font-size: .10rem;
}

.font-12 {
  font-size: .12rem;
}

.font-14 {
  font-size: .14rem;
}
.font-16 {
  font-size: .16rem;
}
.font-18 {
  font-size: .18rem;
}


.font-20 {
  font-size: .2rem;
}
.font-24 {
  font-size: .24rem;
}

.font-26 {
  font-size: .26rem;
}

.font-28 {
  font-size: .28rem;
}

.font-30 {
  font-size: .3rem;
}

.font-32 {
  font-size: .32rem;
}

.font-36 {
  font-size: .36rem;
}

.font-38 {
  font-size: .38rem;
}

.font-40 {
  font-size: .4rem;
}

.font-44 {
  font-size: .44rem;
}

.font-48 {
  font-size: .48rem;
}
.text-white {
  color: #fff;
}

.flex-height {
  height: 100%;
}

/*  -- 内外边距 -- */
.m-0 { margin: 0; }
.m-1 { margin: .1rem; }
.m-2 { margin: .2rem; }
.m-3 { margin: .3rem; }
.m-4 { margin: .4rem; }
.m-5 { margin: .5rem; }
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: .1rem; }
.mt-2 { margin-top: .2rem; }
.mt-3 { margin-top: .3rem; }
.mt-4 { margin-top: .4rem; }
.mt-5 { margin-top: .5rem; }
.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: .1rem; }
.mb-2 { margin-bottom: .2rem; }
.mb-3 { margin-bottom: .3rem; }
.mb-4 { margin-bottom: .4rem; }
.mb-5 { margin-bottom: .5rem; }
.ml-0 { margin-left: 0; }
.ml-1 { margin-left: .1rem; }
.ml-2 { margin-left: .2rem; }
.ml-3 { margin-left: .3rem; }
.ml-4 { margin-left: .4rem; }
.ml-5 { margin-left: .5rem; }
.mr-0 { margin-right: 0; }
.mr-1 { margin-right: .1rem; }
.mr-2 { margin-right: .2rem; }
.mr-3 { margin-right: .3rem; }
.mr-4 { margin-right: .4rem; }
.mr-5 { margin-right: .5rem; }
.my-0 { margin-top: 0; margin-bottom: 0; }
.my-1 { margin-top: .1rem; margin-bottom: .1rem; }
.my-2 { margin-top: .2rem; margin-bottom: .2rem; }
.my-3 { margin-top: .3rem; margin-bottom: .3rem; }
.my-4 { margin-top: .4rem; margin-bottom: .4rem; }
.my-5 { margin-top: .5rem; margin-bottom: .5rem; }
.mx-0 { margin-left: 0; margin-right: 0; }
.mx-1 { margin-left: .1rem; margin-right: .1rem;}
.mx-2 { margin-left: .2rem; margin-right: .2rem;}
.mx-3 { margin-left: .3rem; margin-right: .3rem;}
.mx-4 { margin-left: .4rem; margin-right: .4rem;}
.mx-5 { margin-left: .5rem; margin-right: .5rem;}
.mx-6 { margin-left: .6rem; margin-right: .6rem;}
.mx-7 { margin-left: .7rem; margin-right: .7rem;}

.p-0 { padding: 0; }
.p { padding: .02rem; }
.p-1 { padding: .1rem; }
.p-2 { padding: .2rem; }
.p-3 { padding: .3rem; }
.p-4 { padding: .4rem; }
.p-5 { padding: .5rem; }
.pt-0 { padding-top: 0; }
.pt { padding-top: .05rem; }
.pt-1 { padding-top: .1rem; }
.pt-2 { padding-top: .2rem; }
.pt-3 { padding-top: .3rem; }
.pt-4 { padding-top: .4rem; }
.pt-5 { padding-top: .5rem; }
.pb-0 { padding-bottom: 0; }
.pb-1 { padding-bottom: .1rem; }
.pb { padding-bottom: .05rem; }
.pb-2 { padding-bottom: .2rem; }
.pb-3 { padding-bottom: .3rem; }
.pb-4 { padding-bottom: .4rem; }
.pb-5 { padding-bottom: .5rem; }
.pl-0 { padding-left: 0; }
.pl { padding-left: .05rem; }
.pl-1 { padding-left: .1rem; }
.pl-2 { padding-left: .2rem; }
.pl-3 { padding-left: .3rem; }
.pl-4 { padding-left: .4rem; }
.pl-5 { padding-left: .5rem; }
.pr-0 { padding-right: 0; }
.pr { padding-right: .05rem; }
.pr-1 { padding-right: .1rem; }
.pr-2 { padding-right: .2rem; }
.pr-3 { padding-right: .3rem; }
.pr-4 { padding-right: .4rem; }
.pr-5 { padding-right: .5rem; }
.py-0 { padding-top: 0; padding-bottom: 0; }
.py { padding-top: .05rem; padding-bottom: .05rem; }
.py-1 { padding-top: .1rem; padding-bottom: .1rem; }
.py-2 { padding-top: .2rem; padding-bottom: .2rem; }
.py-3 { padding-top: .3rem; padding-bottom: .3rem; }
.py-4 { padding-top: .4rem; padding-bottom: .4rem; }
.py-5 { padding-top: .5rem; padding-bottom: .5rem; }
.px-0 { padding-left: 0; padding-right: 0; }
.px-1 { padding-left: .1rem; padding-right: .1rem;}
.px { padding-left: .05rem; padding-right: .05rem;}
.px-2 { padding-left: .2rem; padding-right: .2rem;}
.px-3 { padding-left: .3rem; padding-right: .3rem;}
.px-4 { padding-left: .4rem; padding-right: .4rem;}
.px-5 { padding-left: .5rem; padding-right: .5rem;}
.px-6 { padding-left: .6rem; padding-right: .6rem;}
.py-05 {
  padding-top: .05rem;
  padding-bottom: .05rem;
}
.hidden {
  overflow: hidden;
}

.over-y {
  overflow-y: auto;
}

.data-header {
  background: url("../../img/bigData/head.png") no-repeat center /100% 100%;
}

.text-sky {
  color: #5bfcea;
}

.text-orange {
  color: #fdba42;
}
.text-word {
  color: #dfecf3;
}

.text-second {
  color: #bdfff8;
}
.text-c {
  color: #ccc;
}
.text-purple {
  color: #9a4fee;
}

.num-word {
  font-family: 'num';
}

.test-word {
  font-family: 'test';
}


.dv-scroll-board .rows .row-item {
  margin-bottom: .1rem;
}

.text-hidden-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-hidden-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  //-webkit-line-clamp: 3;
}

.rank-table-box .rank-table div {
  height: .35rem;
  padding: .05rem;
  line-height: .25rem;
}

.rank-table-box .rank-table tr:nth-of-type(odd) div {
  background: rgba(84, 156, 246, .05);
}

.rank-table {
  width: 100%;
  table-layout: fixed;
}

.rank-table img {
  height: .2rem;
}

.rank-table div {
  //padding: .05rem 2px;
  font-size: .14rem;
}

.rankIndex {
  text-align: center;
  margin: 0 auto;
}

.rankIndex1 {
  position: relative;
  top: -.05rem;
}

.dv-scroll-board {
  color: #dfecf3;
}

.header-item {
  color: #eee;
}

.station-counnt img {
  height: .4rem;
  width: auto;
}

.active-lis img {
  width: 1.03rem;
  height: .65rem;
}


.active-lis .text-hidden-lines {
  -webkit-line-clamp: 2;
  height: .4rem;
}

.border-bottom {
  border-bottom: 1px solid rgba(255,255,255,.1);
}

.cursor {
  cursor: pointer;
}

.amap-logo {
  opacity: 0;
}

.amap-copyright {
  opacity: 0;
}

.relative {
  position: relative;
}

.box-bg {
   background: rgba(9,16,70,.4);
  border-radius: .05rem;
  border: 1px solid #0b4f9e;
  box-shadow: 11px -3px 14px rgba(7,58,138,.1);
}

.border-radius-05 {
  border-radius: .05rem;
}

.border-radius-10 {
  border-radius: .1rem;
}

.swiper-button-prev:after,.swiper-button-next:after {
  font-size: .16rem;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  font-size: .16rem;
}

.map-bg {
  position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99;
}

.rotate90 {
  transform:rotate(90deg);
  -ms-transform:rotate(90deg); /* IE 9 */
  -webkit-transform:rotate(90deg); /* Safari and Chrome */
}

.text-blue {
  color: #89d2ff;
}

.text-red {
  color: #e25b69;
}

.item-special {
  border: 1px solid rgba(255,255,255,.1);
  padding-bottom: .05rem;
  position: relative;
}

.n-data-title {
  position: relative;
  background: linear-gradient(90deg,rgba(0,30,141,.2), #0652b7 45%, rgba(0,30,141,.2));
}

.n-second-title {
  background-image: linear-gradient(#006df8, rgba(255,255,255,0));
}

.text-e {
  color: #eee;
}

.n-activity-list .activity-lis{
   position: relative;
}

.n-activity-list .activity-lis img {
  width: 100%;
  height: 150px;
}

.n-activity-list .activity-lis div {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,.4);
}


.n-data-item {
  position: relative;
  background: rgba(0,28,143,.6);
  border: 1px solid rgba(6,482,232,.3);
}

.haoping-count {
  background: rgba(111,223,252,.1);
  border: 1px solid rgba(111,223,252,.3);
  box-shadow:6px .1rem 37px rgba(255,255,255,.2);
  border-radius: .05rem;
}
.text-green {
  color: #6bbe5b;
}

.choose-select .el-input__inner{
  background: rgba(255,255,255,.2);
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.4);
  color: #fab334;
}


.choose-select .el-select .el-input__inner:focus {
  border: 1px solid rgba(255,255,255,.4);
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: rgba(111,223,252,.1);
}

.mask {
  position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0,0,0,.4);
  z-index: 999;
}
.rank-table th {
  font-size: .14rem;
  margin-bottom: .2rem;
}
.detail-content img{
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.dv-scroll-board .header .header-item {
  font-size: .14rem;
  height: .3rem !important;
  line-height: .3rem !important;
}

.dv-scroll-board .rows .row-item {
  font-size: .14rem;
}

.choose-select .el-input {
  font-size: .14rem;
}

.choose-select .el-input__inner {
  height: .3rem;
  line-height: .3rem;
}

.amap-info-content {
  width: 500px;
  font-size: .14rem;
  padding: .2rem;
  color: #eee;
  background: rgba(18,31,123,1);
  border: 1px solid rgba(111,223,252,.3);
}

.text_info {
  margin-top: .2rem;
}

.amap-info-close {
  font-size: .15rem;
  width: .14rem;
  height: .14rem;
}

.border-top {
  border-top: 1px solid rgba(255,255,255,.2);
}

.border-right {
  border-right: 1px solid rgba(255,255,255,.2);
}

.n-pagination .el-pagination button:disabled{
  background: transparent;
}

.n-pagination .el-pagination .btn-next .el-icon, .n-pagination .el-pagination .btn-prev .el-icon {
  font-size: 24px;
}

.n-pagination .el-pager li {
  width: .4rem;
  height: .4rem;
  text-align: center;
  background: transparent;
  font-size: 24px !important;
  color: #eee;
}

.n-pagination .el-pagination .btn-next {
  background: transparent;
  color: #eee;
}

.detail-content p span {
  color: #eee !important;
}

.close img {
  width: .3rem;
}

.n-second-title img {
  width: .15rem;
}

.inline-block {
  display: inline-block;
}

.tenant-lis {
  width: 45%;
  padding: 10px 20px;
  text-align: center;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: .05rem;
}

.tenant-lis.active {
  color: #5bfcea;
  border: 1px solid #5bfcea;
}

.tenant-submit {
  padding: .1rem;
  width: 1rem;
  border-radius: .05rem;
  background: #3b76ec;
  border: 0;
  font-size: .14rem;
  color: #eee;
}

.s-data-item {
  width: 100%;
  position: relative;
}

.volunter-tab {
  width: 100%;
}
.volunter-tab .tab-lis {
  width: .9rem;
  height: .4rem;
  line-height: .4rem;
}

.text-yellow {
  color: #f6e544;
}

.order-title {
  position: relative;
  top: -.1rem;
  background: rgba(13,40,121,.3);
}
.backShanxi {
  width: 1rem;
  height: .4rem;
  font-size: .14rem;
  background: transparent;
  border: 1px solid rgba(6,482,232,.3);
  position: absolute;
  border-radius: .05rem;
  right: .3rem;
  top:.1rem;
  color: #eee;
  z-index: 99999;
}

.data-back {
  width: .4rem;
  height: .4rem;
  position: fixed;
  left: .2rem;
  top: .1rem;
  z-index: 999;
}

.data-back img {
  width: 100%;
}
.min-width9{
  min-width: 1rem !important;
}
.loading_box {
  position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .6);
  z-index: 9999;
}

.map_container {
  width: 100%;
  height: 100%;
  z-index: 9;
}
